<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <meta name="format-detection" content="telephone=no">
        <link href="../../../sdk/ui.css" rel="stylesheet">
        <link href="style.css" rel="stylesheet">
        <script>
        //Android适配rem
        (function(){
        if (/Android (\d+\.\d+)/.test(navigator.userAgent)) {
            var version = parseFloat(RegExp.$1);
            if (version /*< 4.4*/ ) {
                var phoneScale = window.screen.availWidth / 640;
                var rootSize = parseInt(phoneScale * 100) + 'px';
                document.documentElement.style.fontSize = rootSize;
            }
        }
        })()
        </script>
    </head>
    <body class="flex-col">
        <div class="head myhead">
            <div class="btn" id="goBack">
                <i class="ion">&#xe7b7;</i>
            </div>
            <div class="title" id="headTitle">详情</div>
        </div>
        <div class="flex-1 scroll_cont" id="mainCont" >
            <div class="list" id="artDetail">
                <textarea class="hide" id="artDetailTemp">
                <div class="item artDetail">
                    <h2 style="white-space:normal">${art.name}</h2>
                    <!-- if: ${art.pubDate} -->
                    <p>${art.pubDate|date(true)}</p>
                    <!-- /if -->
                    <div class="item-body">
                        <!-- if: ${art.img} && ${art.img}!='' && ${art.img}!=' ' -->
                        <div class="rect-75 _img">
                            <img class="_full ableOpenImg loading-place" data-remote="${art.img|source}">
                        </div>
                        <!-- /if -->
                        ${art.content|xss|richMedia}
                    </div>
                </div>
                </textarea>
            </div>
            <!--<div class="padding">
                <div class="btn btn-block btn-lg btn-danger" id="share">
                    <i class="ion">&#xe66f;</i>分享
                </div>
            </div> -->
        </div>
    </body>
    <script src="../../../config.js"></script><script src="../../../sdk/modules/core.js" id="seajsnode" ></script>
    <script>
    seajs.use('./script')
    </script>
</html>